/*https://www.w3schools.com/css/css3_variables.asp*/
:root {
    --primary: #3f51b5;
    --warning: #343a40;
}

/*primary*/
.alert-primary {
    background-color: var(--primary) !important;
}

.badge-primary {
    background-color: var(--primary) !important;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.btn-primary {
    background-color: var(--primary) !important;
}

.progress-bar-primary {
    background-color: var(--primary) !important;
}

.switch-primary {
    background-color: var(--primary) !important;
}

.toast-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.text-primary {
    color: var(--primary) !important;
}

/*warning*/
.alert-warning {
    background-color: var(--warning) !important;
}

.badge-warning {
    background-color: var(--warning) !important;
}

.bg-warning {
    background-color: var(--warning) !important;
}

.btn-warning {
    background-color: var(--warning) !important;
}

.progress-bar-warning {
    background-color: var(--warning) !important;
}

.switch-warning {
    background-color: var(--warning) !important;
}

.toast-warning {
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
}

.text-warning {
    color: var(--warning) !important;
}

/*Custom*/
.btn-default {
    color: black !important;
    background-color: #fff;
    border-color: #e6e9ee;
}

.btn-link {
    font-weight: 400;
    color: black;
    text-decoration: none;
}